<!DOCTYPE html>
<html>
	<head>

        <meta charset="utf-8">
        <!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <!--优先使用IE最新版本和Chrome-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
        <!--禁止浏览器自动的识别-电话号码-email--->
        <meta name="format-detection" content="telephone=no,email=no" />
        <!--是否启用Web全屏-->
        <meta name="apple-mobile-web-app-capable" content='yes' />
        <!--设置苹果工具栏颜色-->
        <meta name="apple-mobile-web-app-status-bar-style" content='black' />
    	<link rel="stylesheet" type="text/css" href="../css/base.css"/>
    	<link rel="stylesheet" type="text/css" href="../css/czxq/data3.css"/>
    	<link rel="stylesheet" type="text/css" href="../font-awesome/css/font-awesome.min.css"/>
    	<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="../js/font-size.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/main.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<header>
			<a href="#"><i class="fa fa-angle-left z-draw"></i></a>
			<p>充值详情 <i class="fa fa-sort-desc entry"></i></p>
			<a href="#"></a>
		</header>
		<div class="content">
			<div class="c-left-nian">2016年&nbsp;本月</div>
			<div class="c-container">
				<ul>
					<li>
						<div class="c-left"><p>闪</p></div>
						<div class="c-center">
							<div>
								<a href="#">天天消消乐</a>
								<span>闪注量充值</span>
							</div>
							<p>2016/7/6 <span>14:24</span></p>
						</div>
						<div class="c-rigth">+20000条</div>
					</li>
					<li>
						<div class="c-left1"><p>短</p></div>
						<div class="c-center">
							<div>
								<a href="#" class="a1">大话西游</a>
								<span>闪注量充值</span>
							</div>
							<p>2016/7/6 <span>14:24</span></p>
						</div>
						<div class="c-rigth1">+5000条</div>
					</li>
					<li>
						<div class="c-left1"><p>短</p></div>
						<div class="c-center">
							<div>
								<a href="#">天天消消乐</a>
								<span>闪注量充值</span>
							</div>
							<p>2016/7/6 <span>14:24</span></p>
						</div>
						<div class="c-rigth1">+1000条</div>
					</li>
					<li>
						<div class="c-left"><p>闪</p></div>
						<div class="c-center">
							<div>
								<a href="#" class="a2">王者荣耀</a>
								<span>闪注量充值</span>
							</div>
							<p>2016/7/6 <span>14:24</span></p>
						</div>
						<div class="c-rigth">+10000条</div>
					</li>
				</ul>
				<div class="c-left-nian">2016年&nbsp;6月</div>
				<ul>
					<li>
						<div class="c-left"><p>闪</p></div>
							<div class="c-center">
								<div>
									<a href="#" class="a2">王者荣耀</a>
									<span>闪注量充值</span>
								</div>
								<p>2016/7/6 <span>14:24</span></p>
							</div>
						<div class="c-rigth">+10000条</div>
					</li>
				</ul>
			</div>
			
			
			<div class="c-cont-stat">
				<div class="c-cont-stat1">
					<div class="stat_1">
						<a href="#">全部</a>
					</div>
					<div class="stat_2">
						<i></i>
						<p>应用</p>
						<i></i>
					</div>
					<div class="stat_3">
						<a href="#">天天消消乐</a>
						<a href="#">大话西游</a>
						<a href="#">王者荣耀</a>
					</div>
				</div>
			</div>
		</div>

	</body>
</html>
